<template>
    <SchoolHeader :menuItemsData="menuItems" :isSticky="false" />
    <div class="main-content">
        <breadCrumb :pTitle="pTitle" :path="path" />
        <div class="rs-inner-blog yellow-color pt-100 pb-100 md-pt-70 md-pb-70 xyhIndex">
            <div class="container">
                <div class="row">
                    <div class="sec-title3 text-center mt-45">
                        <h2 class="xyhIndex-title black-color"><img src="@/assets/images/xiaoyouhui/wmczlcf.png"
                                alt="images"></h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 rs-event mb-30">
                        <div class="rs-about style9 pt-100 pb-100 md-pt-70 md-pb-30">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12 md-mb-40">
                                        <div class="img-part text-center text-lg-end"><img
                                                src="@/assets/images/xiaoyouhui/o1.jpg" alt="images"></div>
                                    </div>
                                    <div class="col-lg-6 pl-100 md-pl-15 col-md-12">
                                        <div class="content text-center">
                                            <p class="xyhIndex-text mb-40 md-mb-20"><span></span>这里是培养人格、播种理想的地方。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 rs-event mb-30">
                        <div class="rs-about style9 pt-100 pb-100 md-pt-30 md-pb-30">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12 md-mb-40 order-lg-1">
                                        <div class="img-part text-center"><img src="@/assets/images/xiaoyouhui/o2.jpg"
                                                alt="images"></div>
                                    </div>
                                    <div class="col-lg-6 pl-100 md-pl-15 col-md-12 order-lg-0">
                                        <div class="content text-center text-lg-end">
                                            <p class="xyhIndex-text mb-40 md-mb-20"><span></span>谆谆名师教诲,拳拳学子相报。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 rs-event mb-30">
                        <div class="rs-about style9 pt-100 pb-100 md-pt-30 md-pb-30">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12 md-mb-40">
                                        <div class="img-part text-center text-lg-end"><img
                                                src="@/assets/images/xiaoyouhui/o3.jpg" alt="images"></div>
                                    </div>
                                    <div class="col-lg-6 pl-100 md-pl-15 col-md-12">
                                        <div class="content text-center">
                                            <p class="xyhIndex-text mb-40 md-mb-20"><span></span>长风破浪会有时，直挂云帆济沧海。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 rs-event mb-30">
                        <div class="rs-about style9 pt-100 pb-100 md-pt-30 md-pb-30">
                            <div class="container">
                                <div class="row align-items-center">
                                    <div class="col-lg-6 col-md-12 md-mb-40 order-lg-1">
                                        <div class="img-part text-center"><img src="@/assets/images/xiaoyouhui/o4.jpg"
                                                alt="images"></div>
                                    </div>
                                    <div class="col-lg-6 pl-100 md-pl-15 col-md-12 order-lg-0">
                                        <div class="content text-center text-lg-end">
                                            <p class="xyhIndex-text mb-40 md-mb-20"><span></span>育无双国士，开万事太平。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <Footer />
</template>
<script setup>
import SchoolHeader from '@/components/SchoolHeaderCopy.vue';
import Footer from '@/components/Footer.vue';
import { ref, onMounted, computed } from 'vue';
import breadCrumb from './components/breadCrumb.vue';

import { useMenuStore } from '@/stores/menuStore';

const menuStore = useMenuStore();
const pTitle = ref('校友天地');
const path = ref('/SchoolFriendClub');

const menuItems = menuStore.menuItems;
</script>